<link rel="stylesheet" href="/public/boots/css/kf.css">
<div style="right:-230px;" class="kf">
    <div class="hoverbtn">
        <span>联</span><span>系</span><span>我</span><span>们</span>
    </div>
    <div class="conter">
        <div class="con1">
            <dl class="fn_cle">
                <dt><img src="/public/boots/image/tel.png" height="31" width="31"></dt>
                <dd class="f1">咨询热线：</dd>
                <dd class="f2"><span class="ph_num">{{ config('set.web_phone') }}</span></dd>
            </dl>
        </div>
        <div class="blank0"></div>
        <div class="qqcall">
            <dl class="fn_cle">
                <dt><img src="/public/boots/image/zxkfqq.png" height="31" width="31"></dt>
                <dd class="f1 f_s14">在线客服：</dd>
                <dd class="f2 kefuQQ">
                    @if(!empty(config('set.web_kf')))
                        @foreach( explode(',',config('set.web_kf')) as $kf )
                            <span>客服</span>
                            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={{ $kf }}&site=qq&menu=yes"></a>
                            <br>
                        @endforeach
                    @endif
                </dd>
            </dl>
            <div class="blank0"></div>
        </div>
        <div class="blank0"></div>
        <div class="weixincall">
            <dl class="fn_cle">
                <dt><img src="/public/boots/image/weixin.png" height="31" width="31"></dt>
                <dd class="f1">官方微信站：</dd>
                <dd class="f3"><img src="{{ config('web_qrcode') }}" height="73" width="73"></dd>
            </dl>
        </div>
        <div class="blank0"></div>
        <div class="dytimer">
            <span style="font-weight: bold;">公司官网：</span>
            <span><a href="{{ config('set.web_url') }}">{{ config('set.web_url') }}</a></span>
        </div>
    </div>
</div>
<div class="diyoumask" style="height: 2000px;"></div>
<script type="text/javascript">
    $(function () {
        $(".kf").hover(function () {
            $(".hoverimg").attr("src", "images/hoverbtnbg1.gif");
            $('.diyoumask').fadeIn();
            $('.kf').animate({right: '0'}, 300);
        }, function () {
            $(".hoverimg").attr("src", "images/hoverbtnbg.gif");
            $('.kf').animate({right: '-230px'}, 300, function () {
            });
            $('.diyoumask').fadeOut();
        });
    });
</script>